/* Profile Builder  CSS File*/
/*
Original Plugin Name: OptionTree
Original Plugin URI: http://wp.envato.com
Original Author: Derek Herman
Original Author URI: http://valendesigns.com
*/
#wpwrap {
  min-width: 990px;
}
strong {
  color: #000;
}
.clear {
  clear: both;
}
.hide,
#contextual-help-link-wrap {
  display: none;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
p {
  padding-bottom: 14px;
}
a {
  text-decoration: none;
}
a strong {
  color: #21759B !important;
}
a:hover strong {
  color: #d54e21 !important;
}
#framework_wrap .error {
  display: none !important;
}
#framework_wrap {
  position: relative;
  width: 788px;
  margin: 15px;
}
#framework_wrap #header {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #6d6d6d url(../images/header.png) repeat-x left top;
  border: 1px solid #555;
  height: 71px;
  width: 785px;
  position: relative;
}
  #framework_wrap #header h1 {
    width: 225px;
    height: 50px;
    background: url(../images/logo.png) no-repeat 0 0;
    text-indent: -9999px;
    margin: 10px 0 0 20px;
  }

  #framework_wrap #header span.icon {
    position: absolute;
    display: block;
    right: 20px;
    top: 18px;
    height: 32px;
    width: 32px;
    text-indent: -9999px;
    /*background: url(../images/icon_option.png) no-repeat left center;*/
  }
  #framework_wrap #header div.version {
    text-align: left;
    position: absolute;
    left: 85px;
    top: 50px;
    font-size: 9px !important;
    line-height: 10px;
    color: #111;
    font-style: normal;
    font-family: Verdana,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    text-shadow: 0 1px 0 #888;
    letter-spacing: -0.05em;
  }
#framework_wrap #content_wrap {
  border: 1px solid #aaa;
  border-top: none;
  background: #fff;
  width: 785px;
  position: relative;
}
  #framework_wrap #content_wrap .info {
    background: #eaf2fa;
    background: #f9f9f9;
    height: 35px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e3e3e3;
  }
    a.toggle_tabs {
      cursor: pointer;
      background: url(../images/toggle_tabs.png) no-repeat -2px -1px;
      display: block;
      height: 22px;
      width: 21px;
      float: left;
      text-indent: -9999px;
      margin: 5px 5px 0 19px;
      border: 1px solid #bbb;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    .no-tabs a.toggle_tabs {
      display: none;
    }
    a:hover.toggle_tabs {
      border-color: #666;
    }
    a.off {
      background-position: -2px -26px;
    }
    #framework_wrap #content_wrap .bottom {
      border-top: 1px solid #fff !important;
      border-bottom: none !important;

      background: #f1f1f1;
    }
    #framework_wrap #content_wrap .info input.button-framework {
      float: right;
      margin: 5px 20px 0 0;
      padding: 4px 10px;
      font-size: 11px;
      height: 24px;
    }
    #framework_wrap #content_wrap .info input.add-item {
      float: left;
      margin-left: 20px;
  	}
    #framework_wrap #content_wrap .info input.reset {
      margin-left: 20px;
      color: #d54e45;
      float: left;
    }
    #framework_wrap #content_wrap a.reset {
      margin-right: 10px;
      color: #d54e45;
    }
  .ajax-message {
    position: absolute;
    left: 300px;
    top: 100px;
    width: 200px;
    z-index: 100;
    display: none;
    overflow: visible;
  }
  #framework_wrap #content_wrap .message {
    text-align: center;
    color: #444;
    text-shadow: 0 1px 0 #fff;
    font-size: 12px;
    line-height: 16px;
    padding: 20px 10px;
    background: #f3f3f3;
    border: 1px solid #bbb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 2px 5px #eee;
    -webkit-box-shadow: 0px 2px 5px #eee;
    box-shadow: 0px 2px 5px #eee;
  }
  #framework_wrap #content_wrap .message span {
    display: block;
    height: 16px;
    width: 16px;
    position: absolute;
    left: -8px;
    top: -8px;
    background: url(../images/icon_add.png) no-repeat 0 0;
  }
  #framework_wrap #content_wrap .message.warning span {
    background-image: url(../images/icon_error.png);
  }
  /* Primary Form Button */
  #framework_wrap input.button-framework {
    cursor: pointer;
    font-size: 12px;
    color: #444;
    text-shadow: 0 1px 0 #fff;
    background: #f3f3f3 url(../images/btn.png) repeat-x 0 0;
    border: 1px solid #bbb;
    padding: 5px 10px;
  }
  #framework_wrap input:hover.button-framework {
    color: #000;
    border-color: #666;
  }
  #framework_wrap a.button-framework {
    cursor: pointer;
    font-size: 12px;
    color: #444;
    text-shadow: 0 1px 0 #fff;
    background: #f3f3f3 url(../images/btn.png) repeat-x 0 0;
    border: 1px solid #bbb;
    padding: 3px 10px 3px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none;
    float: left;
    position: relative;
    left: 1px;
  }
  #framework_wrap div.inline-edit-save a.button-framework {
    padding: 2px 10px 2px 10px;
    font-size: 11px;
  }
  #framework_wrap a:hover.button-framework {
    color: #000;
    border-color: #666;
  }
  
  #framework_wrap a.button-framework.light {
    border: 1px solid #dfdfdf;
    color: #464646;
  }
  #framework_wrap a:hover.button-framework.light {
    color: #000;
    border-color: #adaca7;
  }
  
  /* Ads in free version */
	#framework_wrap #content_wrap .basic-version-info {
		height:113px;
		background:#fffbcc;
	}
	#framework_wrap #content_wrap .basic-version-info form{
		float:right;
		margin-right:13px;
		margin-top:30px;
	}
	#framework_wrap #content_wrap .basic-version-info a{  
		position:absolute;
		width:140px;
		top:80px;
		margin-left:60px;
		
	}
  
  #framework_wrap #content_wrap .pro-noserial-info {
		padding: 20px;
		background:#fffbcc;
  }
  
  /* Content Inner */
  #framework_wrap #content {
    padding: 0;
    width: 785px;
    border-bottom: 1px solid #e3e3e3;
    position: relative;
  }
    .screenshot {
      float: right;
      margin-left: 1px;
      position: relative;
      width: 344px;
    }
      .screenshot img {
        max-width: 334px;
        padding: 4px;
      	border: 1px solid #ccc;
      	background: #fafafa;
        border-color: #ccc #eee #eee #ccc;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        float: right;
      }
      .screenshot a {
        text-decoration: none;
        padding-left: 20px;
      }
      .screenshot a.remove {
        background: url(../images/icon_delete.png) no-repeat 0 0;
        display: block;
        height: 16px;
        width: 16px;
        position: absolute;
        bottom: -4px;
        right: -4px;
        text-indent: -9999px;
        float: left;
        padding: 0;
        border: none;
      }
      .screenshot .no_image a.remove {
        left: 0;
        top: 2px;
      }
      .option-upload .element {
        padding-bottom: 5px;
      }
    #framework_wrap #content h2 {
      margin-bottom: 10px;
      border-bottom: 1px solid #e5e5e5;
    }
    #framework_wrap #content h3 {
      border-bottom: 1px solid #eee;
      margin: 0 0 15px 0;
      padding-bottom: 10px;
      clear: both;
      font-size: 14px;
    }
    h3.text-title {
      font: italic 20px/30px Georgia,"Times New Roman","Bitstream Charter",Times,serif !important;
    }
    #framework_wrap #content tbody tr.inline-edit-option td h3 {
      border-bottom-color: #ddd;
    }
    #framework_wrap #content .block {
      display: block;
      overflow: hidden;
      padding: 20px;
    }
      #framework_wrap #content p {
        font-size: 11px;
        color: #555;
        padding-bottom: 20px;
        margin: 0;
      }
      #framework_wrap #content table {
        border: 1px solid #dfdfdf;
        width: 100%;
        text-align: left;
        border-spacing: 0;
        border-style: solid;
        border-width: 1px;
        font-size: 11px !important;
        text-shadow: 0 1px 0 #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
      }
	  #framework_wrap #content2 table {
        border: 0px solid #dfdfdf;
        width: 100%;
        text-align: left;
        border-spacing: 0;
        border-style: solid;
        border-width: 1px;
        font-size: 11px !important;
        text-shadow: 0 1px 0 #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
      }
        
        #framework_wrap #content .has-table table th {
          background: #f1f1f1;
          background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1);
          background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1));
        }
        /*tbody tr:hover {
          cursor: pointer;
        }*/
        tbody tr.inline-edit-option {
        }
          tbody tr.inline-edit-option td {
            background: #f1f1f1;
            border-top: 1px solid #fff;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
          }
        tbody tr:hover.inline-edit-option {
          cursor: default;
        }
        #framework_wrap #content .has-table table #framework-settings .dragging {
          background: #666 url(../images/black_px.png) repeat-x 0 0;
          color: #fff;
          text-shadow: 0 1px 0 #000;
        }
        #framework_wrap #content .has-table table #framework-settings .dragging td {
          border-color: #000;
        }
        #framework_wrap #content .has-table table #framework-settings .dragging .col-edit {
          background: url(../images/icon_up_down.png) no-repeat 63px center;
        }
        #framework_wrap #content .has-table table #framework-settings .dragging a.edit-inline,
        #framework_wrap #content .has-table table #framework-settings .dragging a.delete-inline {
          display: none;
        }
        .col-title {
          padding-left: 10px !important;
          width: 200px;
        }
        .col-type {
          width: 60px;
        }
        .col-edit {
          width: 45px;
          padding-left: 40px !important;
          padding-right: 0px !important;
        }
        .has-table table tr:first-child {
          cursor: default;
        }
        .has-table table .col-heading {
          background: #eaf3fa;
        }
          .has-table table .col-heading td:first-child {
            font-weight: bold;
            background: transparent url(../images/icon_header.png) no-repeat 10px 11px;
            padding-left: 30px !important;
          }
        .has-table table thead th,
        .has-table table td {
          border-bottom: 1px solid #dfdfdf;
        }
        .has-table table tr,
        .has-table table td,
        .has-table table th {
          padding: 10px 10px;
          font-size: 11px !important;
        }
        .has-table table th {
          padding: 6px 10px;
          font-size: 11px !important;
        }
        .has-table table a {
          text-decoration: none;
        }
        /* Inline Edit */
        .inline-edit-option {
          display: none;
        }
        a.edit-inline,
        a.delete-inline,
        a.add-option {
          background: url(../images/icon_edit.png) no-repeat 0 0;
          display: block;
          height: 16px;
          width: 16px;
          text-indent: -9999px;
          float: left;
          margin-right: 5px;
          display: block;
        }
        a.delete-inline {
          background-image: url(../images/icon_delete.png);
        }
        a.add-option {
          background-image: url(../images/icon_add.png);
          margin-left: 21px;
        }
        a:hover.edit-inline {
          border-color: #666;
        }
        a:hover.delete-inline {
          border-color: #d54e45;
        }
      #framework_wrap #content .option {
        padding-bottom: 15px;
      }
      #framework_wrap #content .option .section {
        overflow: hidden;
        font-size: 11px;
      }
        #framework_wrap #content .option .section .element {
          float: left;
          margin: 0 15px 0 0;
          width: 345px;
        }
        #framework_wrap #content .option-checkbox .section .element {
          width: 25px;
        }
        #framework_wrap #content .option .section .description {
          color: #555;
          float: left;
          font-size: 11px;
          padding: 2px 10px 0 0;
          width: 370px;
        }
        div.desc-text p {
          color: #555;
          font-size: 11px !important;
        }
        #framework_wrap #content .inline-edit-option .option .section .description {
          width: 325px;
          padding-top: 0px;
        }
        #framework_wrap #content .option-checkbox .section .description {
          width: 540px;
        }
        #framework_wrap #content label {
          
        }
        .input_wrap {
          padding: 4px 10px 12px 0;
          float: left;
          width: 350px;
        }
        .option-checbox .input_wrap,
        .option-radio .input_wrap {
          padding: 4px 10px 4px 0;
          width: 325px;
        }
        .option-checbox .element {
          border: none;
          max-height: 260px;
          height: auto !important;
          height: expression( document.body.clientHeight > 260 ? "260px" : "auto" );
          overflow-y: auto;
          overflow-x: hidden;
        }
          .input_wrap input[type="checkbox"],
          .input_wrap input[type="radio"] {
            float: left;
            width: 20px;
            margin-top: 3px;
            vertical-align: bottom;
          }
          .input_wrap input[type="radio"] {
            margin-top: 4px;
          }
          .input_wrap label {
            float: left;
            width: 325px;
          }
          .option-checbox .input_wrap label,
          .option-radio .input_wrap label {
            width: 300px;
          }
          #framework_wrap #content label input {
            margin-right: 5px;
            display: block;
            float: left;
          }
        #framework_wrap #content input[type="text"],
        #framework_wrap #content select,
        #framework_wrap #content textarea {
          background: #fafafa;
          border-color: #ccc #eee #eee #ccc;
          border-style: solid;
          border-width: 1px;
          font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
          font-size: 12px;
          margin-bottom: 9px !important;
          padding: 5px;
          width: 100%;
          display: block;
          color: #888;
          resize: none;
        }
        #framework_wrap #content tbody tr.inline-edit-option td input[type="text"],
        #framework_wrap #content tbody tr.inline-edit-option td select,
        #framework_wrap #content tbody tr.inline-edit-option td textarea {
          background: #fff;
        }
        #framework_wrap #content input[type="text"].upload {
          width: 281px;
          float: left;
        }
        #framework_wrap #content input[type="text"].cp_input {
          width: 312px !important;
          float: left;
        }
        .cp_box {
          float: right;
          width: 25px;
          height: 25px;
          position: relative;
          top: 1px;
          border: 1px solid #ccc;
          border-color: #ccc #eee #eee #ccc;
          background: #fafafa;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
        }
          .cp_box div {
            width: 13px;
            height: 13px;
            border: 1px solid #bbb;
            border-color: #eee #ccc #ccc #eee;
            background: #fafafa url(../images/empty.gif);
            position: absolute;
            left: 5px;
            top: 5px;
            box-shadow: 1px 1px 0px #ccc;
            -webkit-box-shadow: 1px 1px 0px #ccc;
            -moz-box-shadow: 1px 1px 0px #ccc;
          }
        #framework_wrap #content .element small {
          float: left;
          font-size: 9px;
          line-height: 9px;
          color: #999;
          position: relative;
          top: -5px;
          left: 2px;
        }
        .upload_button,
        .upload_file_button,
        .ob_button {
          float: right;
          padding: 5px;
          cursor: pointer;
          color: #444;
          text-shadow: 0 1px 0 #fff;
          background: #f3f3f3 url(../images/btn.png) repeat-x 0 0 !important;
          border: 1px solid #bbb;
          position: relative;
          right: -1px;
          height: 27px;
        }
        #framework_wrap #content select {
          height: 28px;
          padding: 4px 5px;
        }
        #framework_wrap #content input[type="text"]:focus,
        #framework_wrap #content select:focus,
        #framework_wrap #content textarea:focus,
        #framework_wrap #content input[type="text"]:hover,
        #framework_wrap #content select:hover,
        #framework_wrap #content textarea:hover {
          background: #fff;
          border-color: #bbb #eee #eee #bbb;
          color: #333;
        }
        #framework_wrap *:focus { 
      	 outline: none; 
      	}
        #framework_wrap *::-moz-focus-inner { 
      	 border: none; 
      	}
      	.bottom_btn {
          float: left;
          width: 100%;
          padding-top: 15px;
      	}
      	#framework_wrap #content .select_wrapper {
          -moz-border-radius: 4px;
          -webkit-border-radius: 4px;
          border-radius: 4px;
          font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
          font-size: 12px;
          background: #fafafa url(../images/select.png) no-repeat right center;
          border-color: #ccc #eee #eee #ccc;
          border-style: solid;
          border-width: 1px;
          float: left;
          height: 26px;
          width: 344px;
          margin: 0;
          margin-bottom: 9px !important;
          width: 344px;
          display: block;
          color: #888;
        }
        #framework_wrap #content .option-type .select_wrapper {
          background-color: #fff;
        }
        #framework_wrap #content .select_wrapper.measurement {
          width: 65px;
          float: right;
          margin-top: 1px;
        }
        #framework_wrap #content input.measurement {
          width: 269px;
          float: left;
          padding-top: 6px;
        }
        #framework_wrap #content .select_wrapper:hover {
          background-color: #fff;
          border-color: #bbb #eee #eee #bbb;
          color: #333;
        }
          #framework_wrap #content select.select {
            cursor: pointer;
            height: 28px;
            margin: 0;
            -moz-opacity: 0;
          	filter: alpha(opacity: 0);
          	opacity: 0;
            padding: 0;
            position: relative;
            width: inherit;
            z-index: 4;
          }
          #framework_wrap #content .select_wrapper span {
            height: 26px;
            line-height: 26px;
            position: absolute;
            z-index: 2;
            padding-left: 6px;
          }
        /* Image Slider */
        .option-tree-slider {
          background: #eaf3fa;
          padding: 0px 10px;
          margin-bottom: 8px;
          text-shadow: 0 1px 0 #fff;
          position: relative;
          /* CSS3 */
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          -moz-box-shadow: 1px 1px 0px #ccc;
          -webkit-box-shadow: 1px 1px 0px #ccc;
          box-shadow: 1px 1px 0px #ccc;
        }
          .option-tree-slider p {
            padding-bottom: 5px !important;
            margin-bottom: 0px !important;
          }
          #framework_wrap #content .option-option-tree-slider .section .element input[type="text"],
          #framework_wrap #content .option-option-tree-slider .section .element textarea {
            background: #fff;
            width: 323px;
          }
          .option-tree-slider-wrap .edit {
            position: absolute;
            height: 16px;
            width: 16px;
            display: block;
            text-indent: -9999px;
            background: url(../images/icon_edit.png);
            top: 6px;
            right: 27px;
            z-index: 10;
          }
          .option-tree-slider-wrap .edit.down {
            background: url(../images/icon_up.png) !important;
          }
          .option-tree-slider-wrap .trash {
            position: absolute;
            height: 16px;
            width: 16px;
            display: block;
            text-indent: -9999px;
            background: url(../images/icon_delete.png);
            top: 6px;
            right: 6px;
            z-index: 10;
          }
          .option-tree-slider-wrap .open {
            padding: 5px 0px;
            padding-right: 40px;
            display: block;
            font-size: 11px;
          }
          .option-tree-slider-wrap .option-tree-slider-body {
            display: ;
          }
/* Docs */
#framework_wrap #options_tabs.docs {
  font-size: 11px !important;
  color: #555;
}
#framework_wrap code {
  font-size: 10px;
}
#framework_wrap ul.doc_list {
  font-size: 11px !important;
  padding-bottom: 20px;
}
  #framework_wrap .doc_list li {
    padding-bottom: 0px;
    line-height: 12px;
    list-style: disc;
    margin-left: 16px;
  }
#framework_wrap code {
  background-color: #f1f1f1;
  color: #000;
}
#framework_wrap pre {
  font-size: 13px;
	padding: 0;
	margin: 0;
	line-height: 18px;
	overflow: auto;
	overflow-Y: hidden;
	padding-top: 18px;
	background: #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 20px;
	color: #000;
	white-space:pre-wrap;
  word-wrap:break-word;
}
#framework_wrap pre code {
	padding: 0 18px 18px 18px;
	display: block;
	background: url(../images/pre_bg.gif) repeat left top; /*--Background of lined paper--*/
}
/* Tabs */
.options_tabs {
  display: none;
}
.ui-tabs { 
  zoom: 1; 
  background: url(../images/tabs_bg.png) repeat-y 0 0;
}
.ui-tabs .options_tabs {
  display: block;
}
.ui-tabs-panel .description {
  width: 225px !important;
}
.ui-tabs-panel .inline-edit-option .description {
  width: 200px !important;
}
.ui-tabs-panel h2 {
  display: none;
}
.ui-tabs .ui-tabs-nav { 
  list-style: none; 
  position: relative; 
  float: left; 
  width: 148px;
  word-wrap: break-word;
}
.ui-tabs .ui-tabs-nav li { 
  position: relative; 
  float: left;
  display: block;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.ui-tabs .ui-tabs-nav li a { 
  float: left; 
  text-decoration: none;
  display: block;
  width: 127px;
  padding: 8px 10px;
  border-bottom: 1px solid #e3e3e3;
  color: #21759B;
  text-shadow: 0 1px 0 #fff;
  background-image: url(../images/white_px.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  font-size: 11px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover { 
  background: #fff;
  color: #d54e45;
  width: 128px;
}
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a { 
  cursor: text;
}
.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
  cursor: pointer; 
}
.ui-tabs .ui-tabs-nav li.ui-state-hover a {
  background-color: #eaf2fa;
  color: #555;
}
.ui-tabs .ui-tabs-panel { 
  display: block;
  float: right; 
  width: 595px;
  min-height: 400px;
}
.ui-tabs .ui-tabs-hide { 
  display: none !important; 
}
.options_tabs li.ui-tabs-selected span {
  position: absolute;
  left: -1px;
  top: 12px;
  height: 9px;
  width: 8px;
  background: url(../images/icon_arrow.png) no-repeat 0 0;
}



/* file input */
div.file_wrap {
	position: relative;
	float: left;
	width: 345px;
}
  div.fake_file {
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	z-index: 1;
  }
    div.fake_file input.upload {
      margin-right: 3px;
      width: 279px !important;
    }
    input.file {
      background: none;
    	position: relative;
    	text-align: right;
    	float: right;
    	height: 28px;
    	-moz-opacity: 0;
    	filter: alpha(opacity: 0);
    	opacity: 0;
    	z-index: 2;
    }

#register-profile-builder .validateStatus{
	position:relative;
	top:3px;
}
.wppb-serialnumber-descr{
	padding-left:100px;
}
#wppb_profile_builder_pro_serial{
	width:335px;
}

#framework_wrap #content #customRedirect .afterRegistrationText{
	position:relative;		
	vertical-align:middle;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 400px;
	*display:inline !important;
	zoom:1;
}	

#framework_wrap #content #customRedirect .afterLoginText{
	position:relative;
	left:37px;
	vertical-align:middle;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 400px;
	*display:inline !important;
	zoom:1;
}	
#customRedirect #afterRegisterDescription{
	vertical-align:middle;
}	

#customRedirect #afterLoginDescription{
	vertical-align:middle;
}


#userListing #sortingCriteria{
	vertical-align:middle;
}	

#userListing #sortingOrder{
	vertical-align:middle;
}	

#userListing #sortingNumber{
	vertical-align:middle;
}	
	
#general-settings input[type="submit"], #show-hide-admin-bar input[type="submit"], #default-fields input[type="submit"], #register-profile-builder input[type="submit"], #add-ons input[type="submit"], #wppb_customRedirect input[type="submit"], #wppb_userListing input[type="submit"], #disableLoginAndRegistration input[type="submit"], #wppb_reCaptcha input[type="submit"], #wppb_emailCustomizer input[type="submit"], #wppb_emailCustomizerAdmin input[type="submit"]{
	position:absolute; 
	bottom:0; 
	right:0; 
	margin-bottom:-30px; 
	margin-right:25px;
}

#ui-datepicker-div{
	font: 70% "Trebuchet MS", sans-serif;
}

#addonHeader{
	width:70%;
}
#framework_wrap #content .wppb_general_settings{
	position:relative;
	left:18px;
	vertical-align:middle;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 100px;
	height: 25px;
	font-size:11px;
	*display:inline !important;
	zoom:1;
}
#framework_wrap #content .wppb_general_settings2{
	position:relative;
	left:18px;
	vertical-align:middle;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 78px;
	height: 25px;
	font-size:11px;
	*display:inline !important;
	zoom:1;
}
#framework_wrap #content .wppb_general_settings3{
	position:relative;
	left:28px;
	vertical-align:middle;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 78px;
	height: 25px;
	font-size:11px;
	*display:inline !important;
	zoom:1;
}
#framework_wrap #content .wppb_general_settings4{
	position:relative;
	left:20px;
	vertical-align:middle;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 112px;
	height: 25px;
	font-size:11px;
	*display:inline !important;
	zoom:1;
}
#framework_wrap #content .wppb_general_settings5{
	position:relative;
	left:20px;
	vertical-align:middle;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 176px;
	height: 25px;
	font-size:11px;
	*display:inline !important;
	zoom:1;
}
#framework_wrap #content #general_settings_registration_section{
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 14px;
	margin-top: 14px;
	padding-top: 14px;
}
#framework_wrap #content #general_settings_login_with_section{
	border-top: 1px solid #CCCCCC;
	margin-top: 14px;
	padding-top: 14px;
}
#framework_wrap #content #registration_note{
	color: grey;
	font-size:10px;
}
#framework_wrap #content #generalSettingFont{
	font-size:11px;
}
#framework_wrap #content .sortingTable{
    border: 0px !important;
	width:100%;
}
#framework_wrap #content .sortingTableCell1, .sortingTableCell2{
    border: 0px !important;
}

.redirectTableCell1{
	width:120px;
}
.sortingTableCell1{
	width: 50%;
	vertical-align:top;
}
#framework_wrap #content .sortingTableCell3{
	width:100%;
	border:none;
}

#framework_wrap #content #customRedirect .redirectFirstInput{
	vertical-align:left;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 310px !important;
	*display:inline !important;
	zoom:1;
}
#framework_wrap #content #customRedirect .redirectSecondInput{
	vertical-align:left;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 310px;
	*display:inline !important;
	zoom:1;
}	
#framework_wrap #content #customRedirect .redirectThirdInput{
	vertical-align:left;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 310px;
	*display:inline !important;
	zoom:1;
}	
#framework_wrap #content #customRedirect .registerRedirectTarget{
	vertical-align:left;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 310px;
	*display:inline !important;
	zoom:1;
}	
#framework_wrap #content #customRedirect .loginRedirectTarget{
	vertical-align:left;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 310px;
	*display:inline !important;
	zoom:1;
}

#framework_wrap #content .reCaptchaSettingsPubK{
	vertical-align:left;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 310px;
	*display:inline !important;
	zoom:1;
}
#framework_wrap #content .reCaptchaSettingsPriK{
	vertical-align:left;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 310px;
	*display:inline !important;
	zoom:1;
}

#framework_wrap #content #customRedirect .dashboardRedirectTarget{
	vertical-align:left;
	display:inline-block !important;
	margin-bottom:0 !important;
	width: 310px;
	*display:inline !important;
	zoom:1;
}

#secondColumn, #thirdColumn{
	width:25%;
}
#internal_id{
	width:24% !important;
	text-align:center;
}
#layoutNotice{
	color:grey;
}
#layoutNoticeDiv{
	position: relative;
	bottom: -50px;
}
.options_tabs{
	margin:0;
}

#show-hide-admin-bar table th, #default-fields table th{
	font-size: 10px !important;
	padding: 6px 10px;
	font-weight: bold !important;
}

#show-hide-admin-bar table td, #default-fields table td{
	font-size: 11px !important;
}

#framework_wrap #content #searchFields{
	height:90px;
}
#framework_wrap #content #sortFields{
	height:90px;
}
#framework_wrap #content #allUserlisting{
	height:500px;
	width:100%;
	font-size:10px;
}
#framework_wrap #content #singleUserlisting{
	height:500px;
	width:100%;
	font-size:10px;
}
#framework_wrap #content .fieldTable{
    border: 0px !important;
	width:100%;
}
#framework_wrap #content .sortingTable{
    border: 0px !important;
	width:100%;
}
#framework_wrap #content .fieldTableCell1{
    border: 0px !important;
	width:33%;
}
#framework_wrap #content .sortingTableCell1{
    border: 0px !important;
	width:33%;
}
#framework_wrap #content .fieldTableCell2{
    border: 0px !important;
}
#framework_wrap #content .sortingTableCell2{
    border: 0px !important;
}
#framework_wrap #content .fieldTableCell3{
    border: 0px !important;
	width:100%;
}
#framework_wrap #content .fieldTableCell4{
    border: 1px solid #E6DB55 !important;
	width:60%;
	background-color: #FFFBCC;
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;	
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	
}
#framework_wrap #content #insertSortField{
	width:100%;
}
#framework_wrap #content #sortingNumberSelect{
	width:80px;
}
#framework_wrap #content #singleSlug{
	width:100%;
}
#framework_wrap #content #sortingCriteriaSelect{
	width:100%;
}
#framework_wrap #content #sortingOrderSelect{
	width:120px;
}
#framework_wrap #content #insertUserMetaField{
	width:100%;
}
#framework_wrap #content #insertExtraFunction{
	width:100%;
}

/*STYLE EMAIL CUSTOMIZER*/

#framework_wrap #content .emailCustomizer  table	{ border:0;  }
#framework_wrap #content .emailCustomizerAdmin  table	{ border:0;  }
#framework_wrap #content .emailCustomizer table table.mceLayout					{ border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF;   }
#framework_wrap #content .emailCustomizer table table.mceLayout	iframe			{ min-height:400px;   }
#framework_wrap #content .emailCustomizer .wp-editor-area						{ border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; -o-border-radius:0 0 3px 3px; -ms-border-radius:0 0 3px 3px;   }

/*.emailCustomizerAdmin	.emailCustomizerAdminRow  td													{ border:0; }*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix       { * clear:both;    }


.labelAction				{ color:#333333; position: relative; font-size: 14px; font-family: Arial; background:none #EAF3FA; padding:20px 90px 20px 10px; border-top:1px solid #dfdfdf; }
.labelAction.yellow			{ border-bottom: 1px solid #dfdfdf; padding:20px 10px; }
.labelAction.blue			{ border-bottom: 0; padding: 20px 10px;  }

.arrow 						{ position: absolute; width:13px; height:9px; bottom:-9px; * bottom:-8px; left:20px; }
.yellow  .arrow 			{ background:url(../images/arrow.png) 0px bottom no-repeat transparent; }
.yellow 					{ background:none #fffbcc; }
.blue	 					{ background:none #eaf3fa; }

p.blueTxt					{ color:#21759b!important; font-size: 13px!important; padding: 15px 0 10px!important; margin-bottom: 10px!important; border-bottom: 1px solid #eeeeee; font-family: Arial; font-weight: bold;   }

.wrapElement				{ border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }

table.toggleElement			{ padding-bottom:25px; margin-bottom: 0; padding-top: 10px; }
table.toggleElement	 tr td	{ border-bottom:0;  }
table.commonSettings2	 tr td	{ border-bottom:0;  }
table.commonSettings2			{ padding-bottom:25px; margin-bottom: 0; padding-top: 10px; }

.emailCustomizer a.button_emailCustomizer	{ position: absolute; right:10px; top:17px; }
.emailCustomizer .mceToolbar					{ width:98%!important; }
.emailCustomizer .wp-editor-container	{ border:0;  }
.emailCustomizer a.button_emailCustomizer:hover,
.emailCustomizer a.button_emailCustomizer:active,
.emailCustomizer a.button_emailCustomizer:focus 	{ color:#333333;  }

table td.textDescriptive	{ padding:0 10px; }
.TableHeader	 			{ color:#0f0f0f; font-size:11px; font-family: Arial; padding:10px; border:1px solid #dfdfdf; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0;  border-bottom: 0; background: none #f4f4f4;  }
.TableHeader.downFooter		{ border-bottom: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; }
.emailCustomizer .toggleElement .emailCustomizerUserCell1, .emailCustomizer .commonSettings2 .emailCustomizerAdminCell1{
	width:30%;
}

.emailCustomizer .toggleElement .emailCustomizerUserCell2, .emailCustomizer .commonSettings2 .emailCustomizerAdminCell2{
	width:70%;
}

span .selectable{
	cursor: text;
}

.email_customizer_grey{
	color:grey;
}

.email_customizer_red{
	color:red;
}

.email_customizer_dark{
	color:black;
}

.email_customizer_bold{
	font-weight:bold;
}

.email_customizer_fs11{
	font-size:11px;
}

/*END STYLE EMAIL CUSTOMIZER*/